<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>layui</title>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1"
    />
    <link
      rel="stylesheet"
      href="../lib/layui-v2.6.3/css/layui.css"
      media="all"
    />
    <link rel="stylesheet" href="../css/public.css" media="all" />
  </head>
  <body>
    <div class="layuimini-container">
      <div class="layuimini-main">
        <fieldset class="table-search-fieldset">
          <legend>搜索信息</legend>
          <div style="margin: 10px 10px 10px 10px">
            <form class="layui-form layui-form-pane" action="">
              <div class="layui-form-item">
                <div class="layui-inline">
                  <label class="layui-form-label">请输入具体特征</label>
                  <div class="layui-input-inline">
                    <input type="text" name="params" autocomplete="off" class="layui-input">
                  </div>
                </div>
                <div class="layui-inline">
                  <button type="submit" class="layui-btn layui-btn-primary"  lay-submit lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索</button>
                </div>
              </div>
            </form>
          </div>
        </fieldset>
        <script type="text/html" id="toolbarDemo">
          <div class="layui-btn-container">
            <button
              class="layui-btn layui-btn-normal layui-btn-sm data-add-btn"
              lay-event="add"
            >
              添加
            </button>
            <button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete" id="DELETE"> 删除 </button>
          </div>
        </script>

        <table
          class="layui-hide"
          id="currentTableId"
          lay-filter="currentTableFilter"
        ></table>

        <script type="text/html" id="currentTableBar">
          <a
            class="layui-btn layui-btn-normal layui-btn-xs data-count-edit"
            lay-event="edit"
            >编辑</a
          >
        </script>
      </div>
    </div>
    <script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
    <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
    <script>
      var shuju;
      const http = localStorage.getItem("http");
      $.ajax({
        method: "GET",
        url: http + `/Paitients/list`,
        async: false,
        success: function (data, status) {
          shuju = data.data;
        },
      });
      layui.use(["form", "table"], function () {
        var $ = layui.jquery,
          form = layui.form,
          table = layui.table;
        table.render({
          elem: "#currentTableId",
          id: "currentTableId",
          data: shuju,
          toolbar: "#toolbarDemo",
          defaultToolbar: [
            "filter",
            "exports",
            "print",
            {
              title: "提示",
              layEvent: "LAYTABLE_TIPS",
              icon: "layui-icon-tips",
            },
          ],
          cols: [
            [
              { type: "checkbox", width: 50 },
              { field: "paitientId", width: 80, title: "ID", sort: true },
              { field: "paitientName", width: 80, title: "用户名" },
              { field: "paitientGender", width: 80, title: "性别", sort: true },
              { field: "paitientDateStart", width: 120, title: "入院时间" },
              { field: "paitientDept", width: 120, title: "所属科室" },
              { field: "paitientState", width: 80, title: "状况" },
              { field: "paitientDoc", width: 120, title: "主治医师" },
              { field: "paitientRoom", width: 80, title: "房间号" },
              { field: "paitientBed", width: 80, title: "床位号" },
              {
                title: "操作",
                minWidth: 150,
                toolbar: "#currentTableBar",
                align: "center",
              },
            ],
          ],
          limits: [10, 15, 20, 25, 50, 100],
          page: true,
          skin: "line",
        });

        /**
         * toolbar监听事件
         */
        form.on('submit(data-search-btn)', function (data) {
          var result = data.field;
          $.ajax({
            method: "GET",
            url:`${http}/Paitients/find/${result["params"]}`,
            async: false,
            success:function (res){
              if(res.data.length>1)
              {
                table.reload('currentTableId', {
                  data: res.data
                });
              }else{
                var dem =[]
                dem.push(res.data)
                table.reload('currentTableId', {
                  data: dem
                });
              }
            }
          })
          return false;
        });
        table.on("toolbar(currentTableFilter)", function (obj) {
          if (obj.event === "add") {
            // 监听添加操作
            var index = layer.open({
              title: "添加用户",
              type: 2,
              shade: 0.2,
              maxmin: true,
              shadeClose: true,
              area: ["100%", "100%"],
              content: "../page/add/add_sick.html",
            });
            $(window).on("resize", function () {
              layer.full(index);
            });
          } else if (obj.event === "delete") {
            // 监听删除操作
            var checkStatus = table.checkStatus("currentTableId"),
              data = checkStatus.data;
            console.log(data)
            $.ajax({
              type: "DELETE",
              url: `${http}/Paitients/removeById/${data[0].paitientId}`,
              async: false,
              success: function (data, status) {
                window.location.replace("./sick.html")
              },
            });
          }
        });

        //监听表格复选框选择
        table.on('checkbox(currentTableFilter)', function (obj) {
          const data =  table.checkStatus('currentTableId')
          const length = data.data.length
          const status = $("#DELETE").hasClass("layui-btn-disabled")
          if(length>1)
          {
            if(status)
            {
              return 0
            }
            else{
              $("#DELETE").addClass("layui-btn-disabled")
            }
          }else if(length<=1)
          {
            if (status)
            {
              $("#DELETE").removeClass("layui-btn-disabled")
            }else {
              return 0
            }
          }
        });

        table.on("tool(currentTableFilter)", function (obj) {
          data_id = obj.data;
          if (obj.event === "edit") {
            var index = layer.open({
              title: "编辑用户",
              type: 2,
              shade: 0.2,
              maxmin: true,
              shadeClose: true,
              area: ["100%", "100%"],
              content: "../page/edit/edit_sick.html",
            });
            $(window).on("resize", function () {
              layer.full(index);
            });
            return false;
          }
        });
      });
    </script>
  </body>
</html>
